簡介：你可以把這門課程看成是《玩轉(zhuǎn)Bootstrap》的補(bǔ)充篇，帶領(lǐng)大家學(xué)習(xí)怎么使用JS自由控制Bootstrap中提供的組件（插件）。
第1章 模態(tài)彈出框
本章節(jié)講解使用JS插件的方法使用模態(tài)彈出框，包括使用data方法和JS方法觸發(fā)彈出框。
- 編程： 1-1 導(dǎo)入JavaScript插件
- 編程： 1-2 動畫過渡（Transitions）
- 編程： 1-3 模態(tài)彈出框（Modals）
- 編程： 1-4 模態(tài)彈出框--結(jié)構(gòu)分析
- 編程： 1-5 模態(tài)彈出框--實(shí)現(xiàn)原理解析（一）
- 編程： 1-6 模態(tài)彈出框--實(shí)現(xiàn)原理解析（二）
- 編程： 1-7 模態(tài)彈出框--觸發(fā)模態(tài)彈出窗2種方法
- 編程： 1-8 模態(tài)彈出框--為彈出框增加過度動畫效果
- 編程： 1-9 模態(tài)彈出框--模態(tài)彈出窗的使用（data-參數(shù)說明）
- 編程： 1-10 模態(tài)彈出框--模態(tài)彈出窗的使用（JavaScript觸發(fā)）
- 編程： 1-11 模態(tài)彈出框--JavaScript觸發(fā)時(shí)的參數(shù)設(shè)置（一）
- 編程： 1-12 模態(tài)彈出框--JavaScript觸發(fā)時(shí)的參數(shù)設(shè)置（二）
第2章 下拉菜單與滾動監(jiān)視器
本章節(jié)講解使用JS插件的方法實(shí)現(xiàn)“下拉菜單”與“滾動監(jiān)視器”效果。
- 編程： 2-1 下拉菜單（Dropdown）
- 編程： 2-2 下拉菜單--屬性聲明式方法（一）
- 編程： 2-3 下拉菜單--屬性聲明式方法（二)
- 編程： 2-4 下拉菜單--JavaScript觸發(fā)方法
- 編程： 2-5 滾動監(jiān)控器
- 編程： 2-6 滾動監(jiān)控器--滾動監(jiān)控器的設(shè)計(jì)
- 編程： 2-7 滾動監(jiān)控器--聲明屬性觸發(fā)滾動監(jiān)控
- 編程： 2-8 滾動監(jiān)控器--在body中加監(jiān)控
- 編程： 2-9 滾動監(jiān)控器--JavaScript方法觸發(fā)滾動監(jiān)控器
第3章 選項(xiàng)卡、提示框和彈出框
本章節(jié)講解使用JS插件的方法實(shí)現(xiàn)“選擇卡”、“提示框”和“彈出框”效果。
- 編程： 3-1 選項(xiàng)卡（Tabs）
- 編程： 3-2 選項(xiàng)卡--選項(xiàng)卡的結(jié)構(gòu)
- 編程： 3-3 選項(xiàng)卡--觸發(fā)切換效果
- 編程： 3-4 選項(xiàng)卡--為選擇卡添加fade樣式
- 編程： 3-5 選項(xiàng)卡--膠囊式選項(xiàng)卡（nav-pills）
- 編程： 3-6 選項(xiàng)卡--JavaScript觸發(fā)方法
- 編程： 3-7 提示框(Tooltip)
- 編程： 3-8 提示框--結(jié)構(gòu)
- 編程： 3-9 提示框--JS觸發(fā)提示框方法
- 編程： 3-10 提示框--其他的自定義屬性
- 編程： 3-11 提示框--JS設(shè)置參數(shù)方法
- 編程： 3-12 彈出框（Popover）
- 編程： 3-13 彈出框--彈出框的結(jié)構(gòu)
- 編程： 3-14 彈出框--觸發(fā)彈出框的方法
- 編程： 3-15 彈出框--自定義結(jié)構(gòu)屬性
- 編程： 3-16 彈出框--提示框和彈出框的異同
第4章 警告框、按鈕
本章節(jié)使用JS插件的方法實(shí)現(xiàn)“警告框”、“按鈕”兩種效果。
第5章 手風(fēng)琴、圖片輪換和固定定位
本章節(jié)使用JS插件的方法實(shí)現(xiàn)“手風(fēng)琴”、“圖片輪換”和“固定定位”效果。
- 編程： 5-1 手風(fēng)琴（Collapse）
- 編程： 5-2 手風(fēng)琴--手風(fēng)琴結(jié)構(gòu)
- 編程： 5-3 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（一）
- 編程： 5-4 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（二）
- 編程： 5-5 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴（三）
- 編程： 5-6 圖片輪播（Carousel）
- 編程： 5-7 圖片輪播--輪播圖片的設(shè)計(jì)（一）
- 編程： 5-9 圖片輪播--輪播圖片的設(shè)計(jì)（二）
- 編程： 5-10 圖片輪播--輪播圖片的設(shè)計(jì)（三）
- 編程： 5-11 圖片輪播--聲明式觸輪播圖的播放（一）
- 編程： 5-12 圖片輪播--聲明式觸輪播圖的播放（二）
- 編程： 5-13 圖片輪播--JavaScript觸發(fā)方法
- 編程： 5-14 固定定位（Affix）
- 編程： 5-15 固定定位--聲明式觸發(fā)固定定位
第6章 自定義Bootstrap
本章節(jié)講解如何自己定制“Bootstrap”的方法。
第7章 綜合挑戰(zhàn)題
本章節(jié)帶領(lǐng)大家利用以前學(xué)習(xí)的知識，來制作一個完整的網(wǎng)頁。